<!-- 
    用户个人信息
 -->
<template>
    <div class="content">
        <el-descriptions title="我的详细资料" border :column="1">
            <el-descriptions-item label="用户名">{{user.username}}</el-descriptions-item>
            <el-descriptions-item label="真实姓名">{{user.realname}}</el-descriptions-item>
            <el-descriptions-item label="电话">{{user.phone}}</el-descriptions-item>
            <el-descriptions-item label="最近登录时间">{{user.gmtLastLogin}}</el-descriptions-item>
            <el-descriptions-item label="角色">{{user.roles}}</el-descriptions-item>
            <el-descriptions-item label="状态">
                <el-tag v-if="user.status" effect="dark">正常</el-tag>
                <el-tag type="info" v-else effect="dark">禁用</el-tag>
            </el-descriptions-item>
        </el-descriptions>
    </div>
</template>

<script setup lang="ts">
import { useUserStore } from "@/stores/admin/Index";
const store = useUserStore()//实例化仓库
const user = store.user

</script>

<style lang="less" scoped>

</style>